<!-- 
 

Vue 本地的router是好的，能够跳转，但是在线上就是404，是什么原因，如何解决?

这通常与服务器配置有关。Vue Router 默认使用的是 HTML5 History 模式（即不带 # 的路径），这种模式要求服务器能够正确处理这些路由。

可能原因：
        服务器未正确配置：当用户直接访问一个非根 URL 或者刷新页面时，服务器尝试查找对应的静态文件或目录，而不是将所有请求指向 index.html，导致 404 错误。
        客户端路由与服务端路由冲突：如果后端也有自己的路由系统，并且与前端路由存在冲突，也可能导致这个问题。

解决:
    1、在nginx里面
        location / {
            try_files $uri $uri/ /index.html;
        }

    2、使用 Hash模式，如果你不想或无法更改服务器配置，另一种解决方案是切换 Vue Router 到 Hash 模式。这种方式通过 URL 中的 # 来模拟一个完整的 URL
        const router = new VueRouter({
            mode: 'hash', // 默认就是 hash 模式
            routes: [...]
        });
-->